@props(['name', 'module', 'items'])
<div module id="index13">
    <div class="wp">
        <div class="index_title fadeInUp animated wow">
            <h4>{{ $name }}</h4>
            <!-- <span>NEWS</span> -->
        </div>

        <div id="web_er_nav_one">
            <div class="service_nav">
                @if (count($items))
                @foreach($items as $nav)
                <a data-tab="item-{{ $nav->id }}" href="javascript:void({{ $nav->id }});">{{ $nav->title }}</a>
                @endforeach
                @endif
            </div>
        </div>

        <div class="index13_list" id="item-0">
            @foreach($module->articles as $item)
            <div class="item fadeInUp animated wow">
                <a href="/article/{{ $item->id }}">
                    <div class="pic" style="background-image: url({{$item->image}});">
                    </div>
                    <div class="text">
                        <h4>{{ $item->title }}</h4>
                        <p> {{ $item->desc }} </p>
                        <div class="more"></div>
                    </div>
                </a>
            </div>
            @endforeach
        </div>

        @if (count($items))
        @foreach($items as $nav)
        <div class="index13_list" id="item-{{ $nav->id }}" style="display: none;">
            @foreach($nav->items as $item)
            <div class="item fadeInUp animated wow">
                <a href="/article/{{ $item->id }}">
                    <div class="pic" style="background-image: url({{$item->image}});">
                    </div>
                    <div class="text">
                        <h4>{{ $item->title }}</h4>
                        <p> {{ $item->desc }} </p>
                        <div class="more"></div>
                    </div>
                </a>
            </div>
            @endforeach
        </div>
        @endforeach
        @endif
    </div>
    <div class="c"></div>
    <div class="more">
        <a href="/content/{{ $module->id }}"><span>查看更多</span><em></em></a>
    </div>
</div>
